<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
	<title>珠峰培训 - 微信：18310612838</title>
	<!-- IMPORT CSS -->
</head>

<body>
	<div id="box">我是一个DIV</div>
	<a href="" id="link"></a>

	<!-- IMPORT JS -->
	<script>
		/* let box = document.getElementById('box');
		console.dir(box);

		console.dir(link); //=>如果JS代码是在结构加载完去执行的，直接用元素的ID即可代表这个元素对象（小技巧） */

		// console.dir(document.getElementsByTagName('*'));

		/* // push是Array这个类提供的方法，只要是Array类的实例（数组是它的实例）都可以调用这些方法
		let arr = [10, 20];
		arr.push(30);
		console.log(arr); //=>[10,20,30]

		// ARGUMENTS不是Array的实例，不能调它提供的方法
		function func() {
			// ARGUMENTS实参集合中存储了传递的实参信息，它是一个类数组（类似于数组的结构，但是它不是数组，不是Array类的实例）
			arguments.push(30); //=>Uncaught TypeError: arguments.push is not a function
			console.log(arguments);
		}
		func(10, 20); */
	</script>
</body>

</html>